@charset "utf-8";
html{font-size:14px;font-family:"Microsoft Yahei",helvetica,arial,sans-serif;word-wrap:break-word;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input,figure{ margin: 0; padding: 0; border: 0;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
h1,h2,h3,h4,h5{font-size:100%;font-weight:normal;}
li {
    list-style: none;
}
/*浮动*/
.floleft {
    float:left;
}
.floright {
    float:right;
}
.cl {
    clear:both;
}/*清浮动*/
body {
    color:#666666;/*网站主体内容颜色*/
    font-size:14px;
    text-align:left;
    line-height:32px;font-family: "SimSun",Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
/*中国青年网头部HEDER*/
.rainbow{ width:100%; position:relative;}
.rainbow-top{ width:100%; height:5px; background-color:#de310a;overflow:hidden;position:absolute; top:0; left:0;}
.rainbowimg{ width:100%; height:5px; background:url(20170829rainbow.gif) no-repeat top center; position:absolute; top:0; overflow:hidden;}
.rainbow-con{ width:100%; height:38px; border-bottom:#ececea 1px solid; background-color:#fefefe; font-size:14px;  line-height:42px;}
.rainbow-meun{ width:1000px; margin:0 auto; padding:0px;}
.rainbow-meun a{color:#000; margin:0px 3px;}
.rainbow-meun a:hover{color:#C60; margin:0px 3px;}

.youth-logo{ width:1000px; margin:0 auto; height:70px; padding:15px 0px; }
.youth-search{ width:265px; float:right}
.youth_so{ width:265px;  float:right; margin:5px 0px 10px; height:28px;border:#deddde 1px solid;}
.youth_so font{ color:#424242; line-height:28px;}
.youth_so span{ width:205px; height:28px; float:left;
              }
.youth_so p{width:55px;float:right; height:28px; background-color:#ebebeb;font-family: "微软雅黑", "黑体";
         font-size:14px; text-align:center; line-height:28px; color:#fff;border-left:#deddde 1px solid;}
.youth_so p a{  color:#747474;}
.jn-wby{width:175px; height:28px; float:left; 
         border:0; line-height:28px; color:#000; text-align:left;}
         
.youth-menu{ width:100%; height:65px; background-color:#2c83f9; margin:15px 0px;}
.menu-con{ width:1010px; margin:0px auto;}
.menu-list,.menu-list2{ float:left; text-align:center; }    
.menu-list li,.menu-list2 li  { 
    display: block;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    color:#fff;
}
.menu-list li a,.menu-list2 li a { 
    color:#fff; margin:0px 8px;display: inline;
}
.menu-list li span,.menu-list2 li span {font-weight: bold;
}        
/*中国青年网友情链接*/

.youth-link{ width:100%; padding:10px 0px;margin:25px 0px; float:left}
.youth-link-con{ width:1000px; margin:0 auto;}
.youth-link-con span{ color:#fff; font-size:16px;font-family: "微软雅黑", "黑体";}
.youth-link-con a{ color:#666;font-size:14px; margin:0px 2px; }
.youth-link-con a:hover{ color:#F60;}

/*中国青年网版权*/
.youth-copyright{ width:800px; margin:0px 0px 0px auto; }
.youth-copyright center{ margin:5px 0px; }


.concent{width:1000px; margin:15px auto;}
.youth-title{ width:990px; height:32px; background-color:#f1f1f1; padding:0px 5px;margin-top: 0px;   }
.youth-title h1{float:left;  color:#db0000; font-size:16px;}
.youth-title-gund {
    width: 900px;
    float: right;
    padding-right: 10px;
}
.gund-list{ height:32px; }
#demo1,#demo2{ float:left; line-height:32px;}
#demo1 p,#demo2 p{ overflow:hidden; zoom:1;}
#demo1 p a,#demo2 p a{ float:left; line-height:32px; list-style:none; color:#333; margin:0px 5px;}

#demo1 p a:hover,#demo2 p a:hover{ text-decoration:underline;}
.youth-hotline {
    width: 100%;
    height: 80px;
    float: left;
    margin-top: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.youth-hotline h1{font-size:28px;font-family:"Microsoft YaHei"; line-height:39px;text-align: center; }
.youth-hotline h1 a{ color:#000; }
.youth-hotline h1 a:hover{ color:#1453a7; }

.youth-hotline center{line-height: 39px;}

.youth-hotline center a{  margin:0px 10px; color:#999; font-size: 12px;}

.youth-hotline center a:hover{ color:#1453a7; text-decoration:underline;}

.youth-ggw,.right-copy{ width:100%; float:left;}
.youth-con
{
	width:1000px;
	margin:0 auto; position: relative;
}

.gao{ margin:15px 0px 10px;}
/*中国青年网新闻标题块样式*/
.youth-nav{ width:100%; float:left; background:url(nav_before.png) repeat-x; margin:10px 0px; }
.nav-name{  float:left; line-height:42px; font-size:20px; font-family:"Microsoft YaHei"; }
.nav-name li{ float:left; float:left; font-size:20px; 
           margin-right:10px; 
           line-height:35px;height:42px;}
.nav-name li a{ display:block; padding:0px 5px; color:#2c83f9;}


.nav-name li:hover {
    height: 42px;
    background: url(nav_after.png) repeat-x;
    text-decoration: none;
    color: #999;
}

.nav-second{ float:right; margin-right:10px; margin-top:5px;}
.nav-second li{ float:left; font-size:12px; line-height:37px; font-family:"NSimSun", "SimSun"; }
.nav-second li a{ display:block; color:#666666; margin:0px 5px;}
.nav-second li a:hover{  color:#a62320; }
.more{
            width: 12px;
            height: 12px;
            cursor: pointer;
            float:right;
            -webkit-transition: all .7s ease-in-out;
            -o-transition: all .7s ease-in-out;
            transition: all .7s ease-in-out;
            margin-top:17px;
        }
        .more a{
            display: block;
            width: 12px;
            height: 12px;
            background: url(20170829icon_all.png) no-repeat -10px -11px;
        }
        .more a:hover{
            background: url(20170829icon_all.png) no-repeat -26px -11px;
        }
        .more:hover{
            transform:rotate(270deg);
            -ms-transform:rotate(270deg);   /* IE 9 */
            -moz-transform:rotate(270deg);  /* Firefox */
            -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
            -o-transform:rotate(270deg);
        }
.new-list{width:100%;  float:left;} 
.new-list li{width:100%; float:left;    white-space: nowrap; }      
.new-list li a{ color:#333;}
.new-list li a:hover{color:#305798; }       
.new-list li p{font-family:"Microsoft YaHei"; font-size:16px;  }
.new-list li i{font-family:"Microsoft YaHei"; font-size:16px; color:#db0000; font-style:normal;}    
.new-list li p {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-weight: bold;
}   
.red{ color:#db0000;}
.icon { 
    display: inline-block;
    overflow: hidden;
    vertical-align: middle; margin-right:10px;background: url(20170829icon_all.png) no-repeat scroll 0 0; 
     height: 196px;
    width: 283px;
}   
.new-list li a .icon,.nav-name li a .icon {
    position: relative;
}
.newsline{ background-position:-9px -89px ;
   height: 42px;
    width: 52px;}
.iconzi{
    background-position:-79px -51px ;
   height: 20px;
    width: 65px;
}
.Learner{ background-position:-79px -87px ;
   height: 20px;
    width: 65px;}
    
.spt{ background-position:-43px -13px ;
   height: 9px;
    width: 18px;}       
    
.sanxx{ background-position:-78px -129px ;
height: 26px;
    width: 35px;
     }
.qingn{
      background-position: -71px -200px;
    height: 34px;
    width: 88px;}   
.tuanh{background-position:-9px -41px ;
     height: 35px;
    width: 33px;}   
.topline{ background-position:-5px -147px ;
     height: 30px;
    width: 54px;}           
.special{ background-position:-5px -190px ;
     height: 30px;
    width: 54px;}   
.comment{
    background-position:-73px -167px ;
    height: 28px;
    width: 86px;}   

    
.hotpic_box,.hotpic_box span {
    width:350px;
}
.hotpic_box2,.hotpic_box span2 {
    width:240px;
} 
.hotpic_box,.hotpic_box2{
    height:172px; float:left;position:relative;
    overflow:hidden; margin:8px 0px 10px 0px;
}
.hotpic_box span,.hotpic_box2 span {
    height:172px; float:left;
}
.boxk {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:28px;
    background:#1583c8;
   -moz-opacity:0.3;
   opacity: 0.3;
   filter: Alpha(opacity=30);
     z-index:9;
}
.hotpic_box font,.hotpic_box2 font{
    display:block;
    width:100%;
    height:28px;
    line-height:28px;
    text-align:center;
    position:absolute;
    z-index:10;
    bottom:0px;
    left:0px;
    color:#FFFFFF;
}

.hotpic_box font a,.hotpic_box2 font a {
    color:#FFF;
}
.hotpic_box font a:hover,.hotpic_box2 font a:hover { font-weight:bold;
    
}
.youth-text{ font-size:12px; line-height:26px; padding:3px 0px 2px; }

/*中国青年网新闻标题块样式END*/
.left-con{ width:350px;}
.right-con{ width:620px;}
.youth-left{ width:760px; float:left;}
.left-copy{ width:350px; height:380px; margin-right:30px; }
.youth-right{ width:240px; float:right;}
.youth-k{ width:100%; float:left;}
/*焦点图*/
.jsArea {
    width:620px;
    height:370px;
    position:relative;
    overflow:hidden;
    margin:8px 0px 13px 0px;
}
.jsArea .preNext {
    width: 100px;
    height: 200px;
    position: absolute;
    top: 40px;
    cursor: pointer;
    z-index:99;
}
.jsArea .pre {
    left: 0;
    background: url(//news.youth.cn/images/sprite.png) no-repeat left center;
}
.jsArea .next {
    right: 0;
    background: url(//news.youth.cn/images/sprite1.png) no-repeat right center;
}
.slidImgDiv {
    width:620px;
    height:370px;
    overflow:hidden;
    position:relative;
}
.slidImgDiv ul {
    position:absolute;
    z-index:2;
    margin:0;
    padding:0;
}
.slidImgDiv ul li {
    float:left;
    width:620px;
    height:370px;
    overflow:hidden;
    position:relative;
    z-index:3;
}
.slidImgDiv ul li .marking {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:45px;
    background:#000;
    display:block;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    z-index:5;
}
.slidImgDiv ul li .txt {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:6;
    font-size:16px;
    line-height:45px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    color:#fff;
    text-align:left;
}
.slidImgDiv ul li .txt a {
    font-size:16px;
    line-height:45px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    color:#fff;
    margin:0 10px;
    text-decoration:none;
    text-align:left;
}
.slidImgDiv ul li .txt a:hover{
    text-decoration: underline;
}
.slidContrlDiv {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:3;
}
.slidContrlDiv ol {
    position:absolute;
    right:5px;
    bottom:14px;
    _bottom:10px;
    z-index:10;
    margin:0;
    padding:0;
}
.slidContrlDiv li {
    float:left;
    width:11px;
    height:11px;
    text-align:center;
    display:inline;
    margin:0 5px 0 5px;
}
.slidContrlDiv li a {
    display:inline;
    width:11px;
    height:11px;
    color:#B0B0B0;
    font:12px/15px "\5B8B\4F53";
    text-decoration:none;
    text-align:center;
    outline:0;
    float:left;
    background:#d9d9d9;
    border-radius:7px;
}
.slidContrlDiv li.current a, .slidContrlDiv li a:hover {
    background:#2c83f9;
}
/*焦点图结束*/

/*二维码*/
 .slideBar{
            padding: 0 6px 0 6px;
            position: fixed;
            left: 50%;
            margin-left: 510px;
            bottom: 50px;
            width: 44px;
            z-index: 999;
            text-align: center;
            cursor: pointer;
            background-color: #fff;
        }
        .slideBar ul{
            margin-top: 20px;
        }
        .slideBar ul li{
            width: 41px;
            margin-bottom: 20px;
            position: relative;
    margin-left: 2px;
        }
        .slideBar ul li a{
            display: block;
        }
        #erbar{
            height: 37px;
            background: url(20170821zgqnwbar3.png) no-repeat;
        }
        .erbar1{
            position: absolute;
            top: -378px;
            left: -165px;
            width: 158px;
            height: 416px;
            transform: scale(0);
            -moz-transform:scale(0);
            -webkit-transform:scale(0);
            -ms-transform:scale(0);
            -o-transform:scale(0);
            transform-origin: bottom right;
            opacity:0;
            
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }
        #erbar:hover img{
            transform:scale(1);
            -moz-transform:scale(1);
            -webkit-transform:scale(1);
            -ms-transform:scale(1);
            -o-transform:scale(1);
            opacity:1;
        }
        
        .f_end li {
    padding-left: 15px;
}
.f_end, .f_end li {
    width: 100%;
    float: left;
}
.youth-link-con a {
 
    font-size: 14px;
    margin: 0px 5px;
}
.f_end li span {
   width: 75px;
    color: #666;
    font-size: 14px;
    text-align: center;
    float: left;
    padding: 0px 0px 1px 3px;
}
.youth-menu{ width:100%; height:56px; background-color:#2c83f9; padding:10px 0px; margin-top:5px; float:left}
.menu-con{ width:1000px; margin:0px auto; position:relative;}
.dw01,.dw02,.dw03,.dw04,.dw05{
    position:absolute; 
}
.dw01{
    left: 0px;
    top:0px;
}
.dw02{
    left: 210px;
    top:0px;
}
.dw03{
    left: 467px;
    top:0px;
}
.dw04{
    left: 635px;
    top:0px;
}
.dw05{
    left: 820px;
    top:0px;
}
.menu-list{ float:left;  }  
.menu-list li { 
    display: block;
    font-size: 14px;
    line-height:28px;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all; 
    color:#fff;text-align:center;
}
.menu-list li a { 
    color:#fff; 
}
.menu-list li span {font-weight: bold; float:left; margin-right:10px;
}   
.menu-list li p{float:left; 
}   
.menu-list li p a{margin:0px 8px; float:left; 
} 
.dwk01 a{ width:28px; float:left; text-align:center;
}
.dwk02{ width:70px; float:left; text-align:center;
}
.dwk03{ width:56px; float:left; text-align:center;
}

.youth_bkz, .youth_ggw5 {
    width: 731px;
    float: left;
}
.youth_ggw5 ul {
    width: 100%;
}
.youth_ggw5 ul li {
    width: 350px;
    float: left;
}
.youth_ky, .youth_bky, .youth_ggw6 {
    width: 240px;
    float: right;
    overflow: hidden;
}
.nav-name-tab{  float:left; line-height:42px; font-size:20px; font-family:"Microsoft YaHei"; }
.nav-name-tab li{ float:left; float:left; font-size:20px; 
           margin-right:10px; 
           line-height:35px;height:42px;}
.nav-name-tab li a{ display:block; padding:0px 5px; color:#2c83f9;}

.cljysxz {
      height: 41px;
        text-decoration: none;
      border-bottom: 2px solid #2c83f9; 
    margin-top: -1px;
    color: #999;}
.cljys {
    display: block;
}
.tt_banner
{
width:240px;
height:60px;
float:right;
margin-top: 5px;
}
.youth_tt
{
    width: 750px;  
}
.qbqw_ul
{
 width:100%;
float:left;
}
.qbqw_ul li
{
float:left;
width:100%;
    color: #333;
}
.qbqw_img_li .qbqw_img
{
 float:left;
padding-right:10px;
}
.qbqw_img_li p
{
font-size: 12px;
    line-height: 22px;
    padding: 1px 0px;
}
.qbqw_bold
{

font-weight:bold;
}
  .focus_ad 
       {
            width: 350px;
            height: 100px;
            position: relative;
            overflow: hidden;
       }
       .slidImgDiv_ad {
            width: 350px;
            height: 100px;
            overflow: hidden;
            position: relative;
        }
        .slidImgDiv_ad ul {
            position: absolute;
            z-index: 2;
            margin: 0;
            padding: 0;
        }
        .slidImgDiv_ad ul li {
            float: left;
            width: 350px;
            height: 100px;
            overflow: hidden;
            position: relative;
            z-index: 3;
        }


/*青网频道入口*/
.youth-channel{ width: 624px; float: left;}
.channel-n{width: 208px; float: left;}
.channel-n li{ float: left; }
.mr4{margin-right:4px; }
.mb4{margin-bottom:4px;}
.ysd01{ background-color: #e3dde0;}
.ysd02{ background-color: #ffa740;}
.ysd03{ background-color: #f4f4f4;}
.ysd04{ background-color: #e5e5e5;}
.ysd05{ background-color: #41bb8f;}

.ysd01:hover{ background-color: #eae6e8;}
.ysd02:hover{ background-color: #feba6a;}
.ysd03:hover{ background-color: #ececec;}
.ysd04:hover{ background-color: #f4f4f4;}
.ysd05:hover{ background-color: #54cba0;}
/*青网推荐*/
.youth-tuijian{
    width: 590px; float: left;
    background-color: #f5f3f4;
        padding: 25px 15px 7px;
    margin-top: 11px;
}
.tuijian-z{
    width: 260px; float: left; height: 150px;
    
}
.ws_img_n {
    width:260px;
    height:150px;
    position:relative;
    
}
.ws_img_n dd {
position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    background:#000;
    display:block;
    -moz-opacity:0.4;
    opacity: 0.4;
    filter: Alpha(opacity=40);
    background-repeat: repeat;
    color: #FFFFFF;
}
.ws_img_n font {
    position: absolute;
    left:-15px;
    top: -13px;
    width: 77px;
    height: 25px;
    cursor: pointer;
    z-index:9999; 
    
}

.ws_img_n h3 {
    width:100%;
    text-align:center;
    display:block;
    position:absolute;
    z-index:1;
    bottom:0px;
    left:0px;
    line-height:36px;
    
}

.ws_img_n h3 a {
    font-size:14px;
    color:#FFFFFF
}
.ws_img_n h3 a:hover { text-decoration:underline;
    
}

.tuijian-y{
    width: 310px; float: right;
    
}
.tuijian_list {
    width:100%;
    float:left;
}
.tuijian_list li {
    width:100%;
    float:left;
    line-height:32px;
}

.tuijian_list li a {
    color: #666666;
}
.tuijian_list li a:hover {
    text-decoration:underline;
}

.youth-look{ 
 width: 1000px;
 height: 210px;
 float: left;
    margin-top: 13px;   
}

.youth-look span{  width: 54px;
            height: 210px;
    float: left;;
    background-color: #da0507;  
}
.youth-look span img{ margin: 50px 0px 0px 6px;
}
.look-con{width: 946px;background-color: #f5f3f4;
    float: left;}
.fiveyear{
    width: 860px;
    margin:0px auto;

}
.silder-box3{
    float: left;
    position:relative;
    width:860px;
}
.silder-box-3{
    width:860px;
    
}
.silder-box-3 li{
    width:200px;
    padding-top: 20px;
    position: relative;
}
.silder-box-3 li img{
    width:200px;
    height:125px;
    float: left;
}
.silder-box-3 li p{
    position: absolute;
    left: 0;
    top: 155px;
    width: 100%;
    line-height: 22px;
    text-align: left;
    font-size: 12px;
}
.silder-box-3 li p a{
    color: #da0507;
}
.silder-button3{
    top:55px;
    width:40px;
    height:60px;
    position:absolute;
    cursor:pointer;
}
.silder-button3.btl{
    left:-45px;
    background:url(//news.youth.cn/images/20190919youth_left.gif) no-repeat center;
}
.silder-button3.btr{
    right:-38px;
    background:url(//news.youth.cn/images/20190919youth_right.gif) no-repeat center;
}



.hd_top {
    width:100%;
    border-top:5px solid #38a548;
    background: #f7f7f7;
    height:40px;
    border-bottom:1px solid #e5e5e5;
}
.hd_top1 {
    width:1000px;
    height:5px;
    background:url(youth_sjy_01.jpg) no-repeat;
    margin:-5px auto;
}
.hd_top_box {
    width:1000px;
    height:40px;
    margin:0 auto;
    line-height:45px;
    text-align:left;
}

/*top样式*/

.nav-shou01 span{ color: #d52f33;padding-right:8px;}
.nav-shou02{float: left; width:495px; }
.nav-shou02 p a{ padding:0 3px;color:#000}
.nav-shou02 p a:hover,.nav-shou04 a:hover{ color: #C60}
.nav-shou04 a{ padding-left:8px;color:#000}
.nav-shou03{float: left; width:85px;  }
/*青网firstnav*/
.youth-first{width:100%;
    float:left; padding: 15px 0px 0px;}

.youth-first01{width:180px; height: 100px;
    float:left;}

.youth-first02{width:478px; height: 70px; margin-left: 12px; margin-top: 10px;
    float:left;}
.youth-first03{ width: 280px;margin-top: 10px;
    float:right;}


.youth-great{ width: 100%; height: 620px; margin: 0 auto;    padding-top: 90px; background:url(//news.youth.cn/images/20190922youth_pc_banner_yj.jpg) no-repeat top center;}
.youth-con {
    width:1000px;
    margin:0 auto;
}
.great-title{width:1000px; height: 100px;margin:0px auto; padding: 80px 0px 15px 0px;
    }

.great-title h1{font-size:30px;font-family:"Microsoft YaHei"; line-height:40px; text-align: center;    padding-bottom: 5px; }
.great-title h1 a{ color:#e9101e;font-weight: bold; }

.great-title center a{  margin:0px 10px; color:#e9101e;}
.great-title center a:hover{  text-decoration:underline;}

.great_list {
    width:100%;
    float:left;
}
.great_list li {
    width:100%;
    float:left;
    line-height:47px;
}

.great_list li a {
font-size:14px;
color:#000;
}
.great_list li a:hover {
    text-decoration:underline;
}

/*焦点图*/
.jsArea_ph {
    width:630px;
    height:365px;
    position:relative;
    overflow:hidden;
    /*margin-top: 35px;*/
}
.slidImgDiv_ph {
    width:630px;
    height:365px;
    overflow:hidden;
    position:relative;
}
.slidImgDiv_ph ul {
    position:absolute;
    z-index:2;
    margin:0;
    padding:0;
}
.slidImgDiv_ph ul li {
    float:left;
 width:630px;
    height:365px;
    overflow:hidden;
    position:relative;
    z-index:3;
}
.slidContrlDiv_ph {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:3;
}
.slidContrlDiv_ph ol {
    position:absolute;
    right:20px;
    bottom:18px;
    _bottom:15px;
    z-index:10;
    margin:0;
    padding:0;
}
.slidContrlDiv_ph li {
    float:left;
    width:7px;
    height:7px;
    text-align:center;
    display:inline;
    margin:0 5px 0 5px;
}
.slidContrlDiv_ph li a {
    display:inline;
    width:10px;
    height:10px;
    color:#969696;
    font:12px/15px "\5B8B\4F53";
    text-decoration:none;
    text-align:center;
    outline:0;
    float:left;
    background:#fff;
    border-radius: 5px;
}
.slidContrlDiv_ph li.current a, .slidContrlDiv_ph li a:hover {
    background:#f12c41;

}
.slidImgDiv_ph ul li .marking {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:46px;
    background:#000;
    display:block;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    z-index:5;
}
.slidImgDiv_ph ul li .txt {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:6;
    font-size:16px;
    line-height:36px;
    color:#fff;
    text-align:center;
}
.slidImgDiv_ph ul li .txt a {
    font-size:16px;
    line-height:46px;
    color:#fff;
    margin:0 10px;
    text-decoration:none;
    text-align:left;
}
/*焦点图结束*/

.youthggw-k{width:1000px; margin-top:70px;
    float:left; }
     }
.youthggw-k li{
    float:left;}
.youthgg01{ width: 270px; height: 100px;float:left;}
.youthgg02{margin:0 15px; width: 430px; height: 100px;float:left;}

.youth-footer{width:100%; background-color: #f5f5f5;
    float:left; height: 150px; padding-top: 30px;}
.youth-copyright{width:100%;
    float:left;background-color: #216ed8; height: 115px;}

.footercon{ width: 1000px; margin: 0 auto; position: relative;}
.footerline01,.footerline02{ width:2px; height: 150px; float: left; position: absolute;}
.footerline01{ left: 239px;
top: -13px;}
.footerline02{ left: 605px;
top: -13px;}
.footerlink{ width:285px; float:left; }

.footerlink span{  color: #000; line-height: 32px; padding: 0px; font-family:"Microsoft YaHei","黑体","宋体",sans-serif; font-size: 18px; } 
.footerlink ul{ width:100%;
    float:left; } 
.footerlink ul li{width:48%; margin-top: 10px;
    float:left;  color: #000; line-height: 32px; font-family:"宋体",sans-serif; font-size: 14px; } 

.youth-copyright01{width:600px; margin-top: 31px;
    float:left; }

.youth-copyright01 li{ margin-right: 15px; color: #fff; line-height: 32px; font-family:"宋体",sans-serif; font-size: 14px;
    float:left; }

.youth-copyright02{ width:360px; float: right;color: #fff; text-align: right; margin-top: 31px; }
.copyrightimg{width:100%;
    float:left; }

.copyrightimg li{ margin-left: 20px;
    float:right; }
.footerapp{width:375px; margin-top: 40px;
    float:right; height: 41px; }
.footerapp li{ width: 91px;
    float:left; }
.footerapp li img { 
    float:left; padding-right: 5px; }
.footerapp li p{ width:42px; 
    line-height: 20px; font-family:"宋体",sans-serif; color: #000;
    float:left; }
/*中国青年报客户端二维码*/
.weixin_2019{
position:relative;
}
.weixin_2019::after{
content:url(//news.youth.cn/images/20190920youth_qb_ewm.png);
position: absolute;
right: -2px;
top: 22px;
z-index: 99;
width:87px;
height: 87px;
border: 6px solid #fff;
border-radius: 6px;
transform-origin: top right;
transform: scale(0);
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.weixin_2019:hover::after{
transform:scale(1);
opacity: 1;
}





    .foot_zgqnb_logo::after {
    content: url(//news.youth.cn/images/20190920youth_qb_ewm.png);
    position: absolute;
    right: -2px;
    top: 39px;
    z-index: 99;
    width: 87px;
    height: 87px;
    border: 2px solid #fff;
    border-radius: 2px;
    transform-origin: top right;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.foot_zgqnb_logo:hover::after{
transform:scale(1);
opacity: 1;
}
.foot_qctt_logo::after {
    content: url(//news.youth.cn/images/20190920qctt_logo.jpg);
    position: absolute;
    right: -2px;
    top: 44px;
    z-index: 99;
    width: 87px;
    height: 87px;
    border: 2px solid #fff;
    border-radius: 2px;
    transform-origin: top right;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
} 
.foot_qctt_logo:hover::after{
transform:scale(1);
opacity: 1;
}



/*下拉列表*/
.youth-select{width: 283px; 
    position: relative;
}
.select_one,.select_two
{
    float: left;
    padding-left: 13px;
}
.select_one .one_value
{width: 110px;
    float:left;
    height: 30px;
    border: 1px solid #deddde;
    border-radius: 3px;

}

.select_one .one_value p
{padding: 0px 0px 0px 10px;
    font-size: 12px;
    color: #a7a7a7;
    line-height: 30px;
  width:81px;
  float: left;
}
.select_one .one_value .down_sj
{display: block;
    width: 15px;
    height: 100%;
    float: right;
    background: url(//news.youth.cn/images/20190921chosen-sprite.png) no-repeat -3px 6px;
}
.select_one .one_value .active
{display: block;
    width: 16px;
    height: 100%;
    float: right;
    background:url(//news.youth.cn/images/20190921chosen-sprite.png) no-repeat -20px 6px;
}
 .two_value .active
{display: block;
    width: 16px;
    height: 100%;
    float: right;
    background:url(//news.youth.cn/images/20190921chosen-sprite.png) no-repeat -20px 6px;
}
.select_one ul
{
    width: 110px;
    border-left: 1px solid #deddde;
    border-right: 1px solid #deddde;
    border-bottom: 1px solid #deddde;
    clear: both;
    position: absolute;
    top: 32px;
    background-color: #fff;
    z-index: 10000;

}
    
.select_one ul li
{
 font-size: 12px;
 color: #333;
 line-height: 28px;
    padding: 0px 10px;
}
.one_list
{
    display: none;
}
    
.select_two .two_value
{width: 140px;
    float:left;
    height: 30px;
    border: 1px solid #deddde;
    border-radius: 3px;
}

.select_two .two_value p
{padding: 0px 0px 0px 10px;
    font-size: 12px;
    color: #a7a7a7;
    line-height: 30px;
  width:85px;
  float: left;
}
.select_two .two_value .down_sj
{display: block;
    width: 16px;
    height: 100%;
    float: right;
    background: url(//news.youth.cn/images/20190921chosen-sprite.png) no-repeat -3px 6px;
} 

.select_two ul
{
        width: 140px;
    border-left: 1px solid #deddde;
    border-right: 1px solid #deddde;
    border-bottom: 1px solid #deddde;
    clear: both;
    position: fixed;
    top: 32px;
    background-color: #fff;
    z-index: 99999;
    position:absolute;

}
.select_two ul li
{
 font-size: 12px;
 color: #333;
 line-height: 28px;
    padding: 0px 10px;
}
.two_list
{
    display: none;
}
.two_list li a,.one_list li a
{
 color:rgb(85, 85, 85);
}
.skyblue {
     background-color:#eceaec;
    color: #fff;
}





.youth-come{ width:370px;
    height:30px; float: left; position: absolute; top: -230px;right: 80px;font-size: 16px;font-family:"Microsoft YaHei"; line-height:30px;}
.come01{ width:248px;
    height:30px; float: left; color: #c90015;}
.come02{ width:110px;
    height:30px; float: left; }
.come02 {
    animation: Height 1s;
}
.tam {
    animation: Fd 2s;
}
.come02 a {
    border-radius:5px;
    background-color: #c90015;
    text-align: center;
    display: inline-block;
    color: #fff;
    line-height: 24px;
    padding:0px 5px 2px;
	transition: all .2s;
	border:#c90015 solid 1px;
}